<div class="">
    <audio preload="auto">
        <source src="http://static.refined-x.com/sample.mp3" />
        <!-- <source src="http://pgc.cdn.xiaodutv.com/3530961707_3703533014_20170513112333.mp4?authorization=bce-auth-v1%2Fc308a72e7b874edd9115e4614e1d62f6%2F2017-05-13T03%3A23%3A47Z%2F-1%2F%2F6ffa50f568e2cd336288e841583de702875e12915901a9d95b945c34fc0c0dcd&responseCacheControl=max-age%3D8640000&responseExpires=Mon%2C+21+Aug+2017+11%3A23%3A47+GMT&xcode=616b8f2d73bfe57eccd04d3eb2b0ee155cc89063a5759f5e&time=1533213890&_=1533128139286"/> -->
    </audio>
</div>
<!-- <body>
    <h1>audiojs.create(element, settings)</h1>
    <p>Volume</p>
    <audio src="https://raw.githubusercontent.com/kolber/audiojs/master/mp3/bensound-dubstep.mp3"></audio>
    <p><a href="#" id="vol-0">Volume: 0.0</a></p>
    <p><a href="#" id="vol-10">Volume: 0.1</a></p>
    <p><a href="#" id="vol-40">Volume: 0.4</a></p>
    <p><a href="#" id="vol-70">Volume: 0.7</a></p>
    <p><a href="#" id="vol-100">Volume: 1.0</a></p>
    <br />
    <p><a href="http://www.bensound.com/royalty-free-music/track/dubstep">Royalty Free Music from Bensound</a></p>
  </body> -->
<script>
    require('component/audiojs', function(){
        audiojs.events.ready(function () {
            var as = audiojs.createAll();
            // audio = as[0],
            // ids = ['vol-0', 'vol-10', 'vol-40', 'vol-70', 'vol-100'];
            // for (var i = 0, ii = ids.length; i < ii; i++) {
            //     var elem = document.getElementById(ids[i]),
            //         volume = ids[i].split('-')[1];
            //     elem.setAttribute('data-volume', volume / 100)
            //     elem.onclick = function(e) {
            //         e.preventDefault();
            //         audio.setVolume(this.getAttribute('data-volume'));
            //         return false;
            //     }
            // }
        });
    });
   
</script>